/*
	1.首先获取获取跳转之后的地址栏
	2.截取地址栏里面的
*/
var href = window.location.href; //获取地址栏

//alert(typeof href)//string类型
/*
 * 创建一个方法对地址栏进行处理
 */
//http://127.0.0.1:8020/duoweis/duowei/client/details2.html?pid=1
function hredPid(href){
	if(!href.match("pid=")){
		return 1;
	}else{
		var arr= href.split("pid=");
		return arr[arr.length-1];
	}
	
}
//存储当前商品的信息
var obj={};
//加载json 数据,根据pid的数值就行匹配
$.get("../json/details2.json",function(data){
	var arr=[];
	var bimgarr = [];
	var href_pid = hredPid(href);//地址栏里面的id
	//加载商品详情信息（商品名字，价格）
	//获取当前商品的信息
	for(var i=0;i<data.length;i++){
		if(href_pid == data[i].pid){
			obj=data[i];
			break;
		}
	}
	$(".infoR-a>h2").html(obj.title+'<span class="price">'+obj.price+'.00元</span><span class="explain">(新品上市 立减100元)</span>');
	for(var i=0;i<data.length;i++){
		arr.push(data[i].pid);
	}
	for(var k=0;k<arr.length;k++){
		if(href_pid == arr[k]){
			num=k;
			break;
		}
	}
//	alert(num)
	//for 循环的结果就是判断和第几个json 里面的对象匹配  num表示第几个 json里面的对象也是从0开始计算的
	var bimgSrc = data[num].bigimgSrc;
	var simgSrc = data[num].smallimgSrc;
	
	$('<img src="'+bimgSrc[0]+'" width="500" height="500"/>').appendTo($(".bigBox-img"));
	$('<img src="'+bimgSrc[0]+'" width="1000" height="1000"/>').appendTo($(".small-box"));
	//默认的显示第一张大图
	for(var key in simgSrc){
		$('<li><a href="javascript:void(0)"><img src="'+simgSrc[key]+'" /></a></li>').appendTo($(".mainlist"))
	}
	//遍历显示5张小图，并且给第一个li下面的a 标签添加一个active的class名
	$(".mainlist").children().eq(0).children().eq(0).addClass("active");
	//事件委托的方式设置点击事件
	$(".mainlist").on("click","li",function(){
		$("#thumblist li a").removeClass("active");
		$(this).children().eq(0).addClass("active");
		$(".small-box").html("");
		$(".bigBox-img").children().eq(1).remove();
		$('<img src="'+bimgSrc[$(this).index()]+'" width="500" height="500"/>').appendTo($(".bigBox-img"));
		$('<img src="'+bimgSrc[$(this).index()]+'" width="1000" height="1000"/>').appendTo($(".small-box"));
		/*
		 * 点击之后，先删除节点，然后重新添加
		 * 1.点击的时候要考虑li里面a 的active的变化
		 * 2.清空大图片所在的节点
		 * 3.重新加载大图片
		 */
	})
})
//立即购买
function toCat(){
	addCat();
	location.href="shopCar.html";
}
//加入购物车
function addCat(){
var pid=hredPid(href);
//该商品存在
var num=Number( $("#quantity").val());
if(getGoodsById(pid)){
   upadateGood(pid,num)
	}else{
//该商品不存在	
     var o={
     "pId":obj.pid,
     "title":obj.title,
     "imgSrc":obj.bigimgSrc[0],
     "price":obj.price,
     "num":num,
     "color":"香槟金"
	};
	addGoods(o);
	}
	goodsNum();
}
//显示商品数量
goodsNum();
function goodsNum(){
	$(".shopnum").html(getGoodsNum());
	$(".shop>a>span").html(getGoodsNum());
}
//顾客操作商品数量
function prveAndNextGoods(num){
 var goodsNum=Number( $("#quantity").val())+num;
 if(goodsNum<1){
 	goodsNum=1;
 }
 $("#quantity").val(goodsNum);
}




